<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <!--  组件的交互-->
  <div class="demo">
    <h2>学校名称:{{ name | myslice }}</h2>
    <h2>学校地址:{{ address }}</h2>
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: "武汉科技大学",
      address: "北京",
    };
  },
};
</script>
<style scoped>
.demo{
  background-color: skyblue;
}
</style>